/* Responsive CSS Document */

/*
Created on   : 27/06/2025.
Theme Name   : Website Vale.
Description  : Unite Source Designer - A Complete Website Development Company.
Version      : 1.0.
State        : Bihar Sharif.
Developed by : Afzal Ahmad

*/

@media (max-width: 992px) {
    .container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    .ugk-form-footer input {
        width: 100%;
    }
    .ugk-form-footer textarea {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .header-ugk {
        padding: 0px;
    }
    .ugk-search input {
        width: 96%;
    }
    .ugk-form-footer input {
        width: 100%;
    }
    .ugk-form-footer textarea {
        width: 100%;
    }

    /**************
#Home Pages
**************/
    /***header***/
    .slider-content-fix h1 {
        font-weight: 700 !important;
        font-size: 36px !important;
        line-height: 100% !important;
    }
    .slider-content-fix {
        position: relative;
        top: 0;
        z-index: 99;
        width: 100%;
        text-align: center;
        left: 0;
    }
    .ugk-slider {
        padding: 16px 16px;
        position: relative;
    }
    .ugk-slider .slider-img img {
        height: 148px !important;
    }
    .slider-bg {
        padding: 12px;
    }
    .slider-bg p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        width: 100%;
        margin-top: 16px;
    }
    .h-\[400px\] {
        height: 166px !important;
    }
    .slide[data-status="prev"] {
        transform: translateY(2%) translateX(-35%) translateZ(-50px) scale(0.92) !important;
    }
    .slide[data-status="next"] {
        transform: translateY(2%) translateX(68%) translateZ(-50px) scale(0.92) !important;
    }
    .slide[data-status="active"] {
        transform: translateY(3.2%) translateX(18%) translateZ(0px) scale(1.1) !important;
    }
    .w-4 {
        width: 8rem !important;
    }

    .h-4 {
        height: 8rem !important;
    }
    .slider-content-fix p {
        font-size: 10px !important;
        line-height: 14px !important;
    }
    .desk-block {
        display: none;
    }
    .mobile-block {
        display: block;
    }
    body {
        overflow-x: hidden;
    }
    .ugk-about {
        padding: 24px 0px;
    }
    .essence-ugk p {
        padding: 0px 16px;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .ugk-title {
        padding: 0px 16px;
        font-size: 28px !important;
        line-height: 34px !important;
        text-align: center;
        text-align: left;
    }
    .essence-ugk {
        padding-top: 16px;
    }
    .speak-middle-bg h2,
    .ugk-blog h2,
    .ugk-essence-main h2,
    .ugk-title h2 {
        font-size: 28px !important;
        line-height: 34px !important;
        padding-bottom: 16px;
    }
    .ugk-about-images img {
        padding: 0px 48px 16px;
    }
    .left-ugk-content p {
        font-size: 14px !important;
        line-height: 20px !important;
        padding-bottom: 0px !important;
        padding-left: 12px;
        padding-right: 12px;
    }
    .left-ugk-content {
        padding: 30px 0px 0px 0px;
    }
    .ugk-blog {
        padding: 16px 0px;
    }
    .ugk-80 {
        padding-bottom: 24px;
    }
    .speak-middle-bg h2 {
        padding-top: 0px;
    }
    .bg-ugk-speak,
    .logo-ugk {
        padding: 24px 0px;
    }
    .ugk-essence-main {
        padding-top: 12px;
    }
    .ugk-80 {
        width: 100%;
    }
    .ugk-essence-main .owl-theme .owl-dots .owl-dot span,
    .ugk-essence-main .owl-theme .owl-dots .owl-dot.active span,
    .ugk-essence-main .owl-theme .owl-dots .owl-dot:hover span {
        display: block;
    }
    .owl-theme .owl-nav {
        margin-top: 0px !important;
    }
    .breadcrumb {
        padding: 16px 8px !important;
    }
    .breadcrumb > li + li:before {
        padding: 0 8px !important;
    }
    .breadcrumb > .active,
    .breadcrumb-item a {
        font-size: 12px;
    }
    .book-ugk-shadow {
        width: 76%;
    }
    .essence-ugk .slider-img img {
        height: 147px !important;
    }
    .essence-ugk .slide[data-status="prev"] {
        transform: translateY(2%) translateX(-38%) translateZ(-50px) scale(0.92) !important;
    }
    .header-ugk {
        padding: 0px !important;
    }
    .box-shadow-audio {
        width: 100%;
    }
    .tab-link {
        font-size: 14px !important;
        padding: 10px 18px !important;
    }
    .tab-wrapper {
        text-align: center !important;
        padding: 24px 16px !important;
    }
    .btn-ugk-press,
    .btn-ugk-border-green,
    .btn-ugk-transparent,
    .btn-ugk-border,
    .btn-ugk-border-white,
    .btn-ugk-default,
    .btn-ugk-primary {
        font-size: 14px;
        line-height: 16px;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
        border-radius: 9px !important;
    }
    .title-ugk-essence {
        font-size: 28px !important;
        line-height: 34px !important;
        padding: 16px 16px;
    }
    .essence-bottom h2 {
        font-size: 28px !important;
        line-height: 34px !important;
        text-align: left;
    }
    .about-title {
        font-size: 28px !important;
        line-height: 34px !important;
        padding: 0px 16px;
        text-align: center;
        margin-bottom: 20px;
    }
    .essence-bottom {
        padding: 0px 12px 24px;
    }
    .about-ugk-content p {
        padding: 0px 0px;
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .footer-ugk {
        padding-top: 24px !important;
    }
    .ugk-visitor {
        padding-top: 16px;
        margin: 0px;
    }
    .footer-title {
        padding: 16px 0px;
    }
    .bottom-image-slide .slider-img img,
    .about-obituary img {
        height: 147px !important;
    }
    .about-obituary {
        margin: 24px 0px 16px;
    }
    .obituary-image ul li img {
        height: auto;
    }
    .m-top {
        margin-top: 16px;
    }
    .padding-both {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        text-align: center !important;
    }
    .obituary-image {
        padding: 16px 0px 16px;
    }
    .about-ugk-content h4 {
        text-align: center !important;
    }
    .about-ugk-image img {
        padding: 0px 48px 12px;
    }
    .position-relative {
        position: relative;
    }
    .top-padd {
        padding-top: 24px;
    }
    .about-bg-images {
        background-image: url(../images/about/about/heroImage-mobile.svg);
        padding: 30px 16px 0px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 269px;
    }
    .banner-text-ugk-money {
        padding: 48px 42px 0px 0px;
    }
    .banner-text-ugk-money h1 {
        font-size: 28px !important;
        line-height: 34px !important;
        text-align: left;
    }
    .banner-text-ugk-money p {
        font-size: 12px !important;
        line-height: 16px !important;
        width: 92%;
        margin: 0px;
    }
    .ugk-natural-man {
        padding: 24px 0px;
        width: 100%;
    }
    .padding-both-zero {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .title-about-pages {
        text-align: center;
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .ugk-natural-man h2 {
        font-size: 16px !important;
        text-align: center !important;
        line-height: 24px !important;
        padding: 0px 60px 8px;
    }
    .ugk-natural-man {
        padding: 16px;
    }
    .ugk-natural-man p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .full-box-hero img {
        width: 100%;
        margin-bottom: 20px;
    }
    .ugk-natural-man {
        margin: 0 auto 20px;
    }
    .ugk-table th {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .ugk-table td {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .profile-image img {
        top: -37px;
    }
    .obt-h2,
    .valetine-content h2 {
        font-size: 28px !important;
        line-height: 34px !important;
        padding: 0px 0px 18px;
    }
    .valetine-content h3 {
        font-size: 13px !important;
        line-height: 20px !important;
    }
    .valetine-content-one {
        padding: 16px 16px !important;
    }
    .obituary-ugk-about-bottom p,
    .valetine-content p {
        width: 100%;

        font-size: 14px !important;
        line-height: 20px !important;
    }
    .valentine-profile {
        height: auto;
    }
    .veletina-image-right {
        display: none;
    }
    .obituary-ugk-image-bottom img {
        text-align: center;
        margin: 0 auto;
    }
    .obituary-ugk-about-bottom p {
        padding: 16px 0px 0px;
    }
    .obt-h3 {
        font-size: 12px !important;
        line-height: 16px !important;
        padding: 0px 0px 16px;
    }

    .about-bg {
        padding: 220px 16px 0px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 220px;
    }

    .banner-text-ugk h1 {
        font-size: 28px !important;
        line-height: 100% !important;
        color: rgba(0, 76, 76, 1);
        text-align: center;
        padding: 24px 0px;
    }
    .banner-text-ugk p {
        font-size: 14px !important;
        line-height: 20px !important;
        width: 100%;
        margin: 0px;
        color: rgba(0, 76, 76, 1);
        vertical-align: middle;
        text-align: left;
    }
    .main-gallery .essence-ugk {
        padding-bottom: 0px !important;
    }
    .useSliderPlugin {
        padding: 0 24px;
    }
    .bg-green-ukg p {
        word-wrap: break-word;
        padding: 10px 16px 0px 0px;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .about-ug-sologon {
        display: none;
    }
    .ugk-about-leftside p {
        font-size: 14px !important;
        line-height: 20px !important;
        padding-bottom: 0px;
    }
    .line {
        align-items: center;
        margin: 16px 0px 16px;
    }
    .gallery-bottom h2 {
        font-size: 28px !important;
        line-height: 34px !important;
        text-align: left;
        padding-left: 16px;
        padding-top: 12px;
    }
    .left-btn {
        padding: 0px 0px;
    }
    .ugk-middle-part {
        padding: 0px 0px;
    }
    .ugk-about-leftside h2 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .ugk-about-rightside img {
        padding-bottom: 16px;
    }
    .gallery-bottom .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: block !important;
        margin-top: 0px !important;
    }
    .gallery-bottom-frank .item {
        margin: 0px 48px 0px;
    }
    .gallery-bottom .owl-next span,
    .gallery-bottom .owl-prev span {
        display: block !important;
        font-size: 32px;
        color: rgba(0, 76, 76, 1);
    }
    .gallery-bottom .owl-prev span {
        position: absolute;
        top: 41%;
        left: 10px;
    }
    .gallery-bottom .owl-next span {
        position: absolute;
        top: 41%;
        right: 10px;
    }
    .bg-overview {
        background-image: url(../images/speak/bg-overview1.svg) !important;
        padding: 54px 20px 64px;
        width: 100%;
        background-size: inherit;
        background-repeat: no-repeat;
        background-position: bottom;
        height: auto;
        margin-top: 0;
    }
    .bg-overview h1 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .bg-overview p {
        font-size: 12px !important;
        line-height: 16px !important;
        font-weight: 400 !important;
    }
    .banner-text-ugk-overview {
        padding: 16px;
        width: 89%;
    }
    .overview-layout {
        padding: 24px 0px 16px;
    }
    .overview-right-content {
        margin: 0px 0px;
    }
    .overview-right-images img {
        padding-left: 0px;
    }
    .overview-left-images img {
        padding-right: 0px;
    }
    .overview-right-content h2 {
        font-size: 24px !important;
        line-height: 28px !important;
        padding-bottom: 12px;
    }
    .overview-right-content p {
        font-size: 14px !important;
        line-height: 20px !important;
        padding-bottom: 0px;
    }

    .overview-title-ugk {
        font-size: 28px !important;
        line-height: 34px !important;
        margin-top: 16px;
        margin-bottom: 16px;
        color: rgba(255, 255, 255, 1);
    }
    .overview-box {
        margin-bottom: 16px;
    }
    .audio .ugk-title {
        text-align: center;
    }
    .tab-link:nth-of-type(1).active,
    .tabs {
        border-radius: 20px !important;
    }
    .ugk-title h1 {
        font-size: 28px !important;
        line-height: 34px !important;
        text-align: center;
    }
    .video-slider {
        padding: 24px 16px;
    }
    .video-slider h2 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .video-slider .video-bob-ugkbg {
        margin: 16px 0px 24px;
    }
    .video-slider h1 {
        font-size: 28px !important;
        line-height: 34px !important;
        text-align: center;
    }
    .deep-bg-ugk-audio p {
        padding: 4px 0px 0px;
        margin-bottom: 0px;
    }
    .sitemap-layout {
        padding: 23px 16px;
    }
    .sitemap-layout h1 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .sitemap-layout span {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .sitemap-link h2 {
        font-size: 24px !important;
        line-height: 28px !important;
        padding-bottom: 6px;
    }
    .sitemap-link ul li a {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .sitemap-link ul li {
        margin-left: 72px;
    }
    .not-found-pages {
        padding: 100px 36px;
    }
    .not-found-pages h1 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .not-found-pages img {
        width: 34px;
    }
    .ugk-snapshoot-title h2,
    .not-found-pages h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .not-found-pages span {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .resource-bg {
        background-image: url(../images/resource/resource-bg1.svg) !important;
        padding: 45px 16px 92px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    .unguru-ugk-layout {
        padding: 24px 16px 0px;
    }
    .ugk-unguru-text {
        padding: 0px 16px 0px;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .unguru-box {
        width: 70%;
        opacity: 1;
        float: left;
        margin: 16px 40px 4px;
    }
    .magzine-money-title h2,
    .unguru-ugk-layout h2 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .magzine-money-title h2 {
        text-align: center;
        margin-bottom: 16px;
    }
    .magazine-article-page {
        padding: 24px 0px;
    }
    .reference-box {
        padding: 0px 16px;
        width: 100%;
        float: left;
    }
    .reference-img {
        width: 30%;
        float: left;
    }
    .reference-content {
        width: 70%;
        float: left;
        padding: 4px 12px 0px;
    }
    .reference-img img {
        width: 88px;
        height: 64px;
    }
    .reference-btn {
        display: none;
    }
    .reference-shadow {
        width: 100%;
    }
    .reference-title {
        font-size: 28px !important;
        line-height: 34px !important;
        text-align: center;
    }
    .reference-bg {
        padding: 24px;
    }
    .bg-golden-ugk {
        border-radius: 0px;
        padding-bottom: 16px;
    }
    .brown-ugk-text p {
        font-size: 14px !important;
        line-height: 20px !important;
        padding-right: 0px;
    }
    .brown-ugk-text {
        padding: 16px 0px 0px;
    }
    .brown-ugk-text h2 {
        font-size: 28px !important;
        line-height: 34px !important;
        text-align: center;
    }
    .ugk-snapshoot {
        padding: 16px;
    }
    .ugk-press-content,
    .press-ugk-title-snap {
        font-size: 14px;
        line-height: 20px;
    }
    .ugk-press-content {
        font-weight: 400;
    }
    .ugk-snapshoot .tab-wrapper {
        padding: 24px 0px !important;
    }
    .magzine-article-content h4 {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .magzine-article-content p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .magazine-article-page .owl-dots {
        border-radius: 30px;
        background: rgba(251, 245, 237, 1);
        margin: 0px auto;
        position: relative;
        bottom: 0px;
        display: table;
        opacity: 1;
        border-radius: Spacing System/radius-sm;
        gap: 8px;
        border-width: 1px;
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 8px;
        padding-left: 12px;
    }
    .magzine-ugk-images {
        margin: 0px;
        padding: 24px 24px 24px;
    }
    .magzine-ugk-images ul li {
        display: inline-block;
        width: 100%;
    }
    .magzine-ugk-images ul li img {
        width: 100%;
        padding-top: 10px;
    }
    .magzine-ugk-subtitle,
    .magzine-ugk-title {
        padding: 0px 16px;
    }
    .magzine-ugk-subtitle {
        font-size: 14px;
        line-height: 20px;
    }
    .title-pdf-book-ugk h1,
    .magzine-ugk-title {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .box-pdf-book {
        width: 100%;
        margin-bottom: 16px;
    }
    .book-pdf-view {
        width: 100%;
        float: left;
        padding: 16px 59px 0px;
    }
    .bg-book-about-reference {
        margin: 0px 0px 0px;
        background: rgb(255 255 255);
        padding: 24px 0px;
    }
    .bg-book-about-reference h2 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .title-pdf-book-ugk p {
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 0 !important;
    }
    .hero-banner {
        padding: 0px 0px;
    }
    .hero-banner img {
        width: 100%;
        border-radius: 0px;
    }
    .mobile-tabs .tab-link {
        padding: 10px 8px !important;
    }
    .mobile-tabs .about-book-content {
        padding: 0px 16px;
        word-wrap: break-word;
    }
    .about-book-content h2 {
        font-size: 27px !important;
        line-height: 34px !important;
        text-align: left;
        text-transform: capitalize;
    }
    .about-book-content ul ol,
    .about-book-content p {
        font-size: 14px !important;
        line-height: 24px !important;
    }
    .blog-title {
        padding-left: 16px;
        padding-top: 0px !important;
    }
    .bg-green-ukg h3 {
        padding-left: 0px;
    }
    .bg-green-ukg .blog-title p {
        padding: 0px !important;
    }
    .bottom-copyright-ugk {
        padding-top: 24px;
    }
    .ugk-form-footer input {
        height: 30px;
        font-size: 14px;
        line-height: 20px;
    }
    .footer-title h3 {
        margin-bottom: 0px !important;
    }
    .ugk-social-media ul li {
        padding-right: 18px;
    }
    .ugk-social-media {
        padding-top: 0px;
    }
    .speak-middle-bg .owl-dots {
        display: none;
    }
    .owl-dots {
        background: rgba(251, 245, 237, 1);
        opacity: 1;
        border-radius: 12px;
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 8px;
        padding-left: 12px;
        gap: 8px;
        width: 40%;
        text-align: center !important;
        margin: 0 auto;
    }
    .ugk-form-footer {
        padding-bottom: 24px;
    }
    .bottom-copyright-ugk,
    .ugk-visitor,
    .p-left {
        padding-left: 16px !important;
    }

    .ug-speak-slider .owl-prev,
    .video-bob-ugk .owl-prev,
    .video-bob-ugk-interview .owl-prev,
    .video-bob-ugk .owl-prev,
    .video-bob-calamity .owl-prev {
        background-image: url(../images/icon/mobile/left1.svg) !important;
        height: 20px;
        background-repeat: no-repeat !important;
        position: absolute;
        z-index: 999;
        width: 19px;
        left: -20px;
        top: 40%;
    }
    .ug-speak-slider .owl-next,
    .video-bob-ugk .owl-next,
    .video-bob-ugk-interview .owl-next,
    .video-bob-ugk .owl-next,
    .owl-prev .owl-next,
    .video-bob-calamity .owl-next {
        background-image: url(../images/icon/mobile/right1.svg) !important;
        height: 20px;
        background-repeat: no-repeat !important;
        position: absolute;
        z-index: 999;
        width: 19px;
        right: -26px;
        top: 40%;
    }
    .press-tab-ugk .owl-prev {
        background-image: url(../images/icon/mobile/left1.svg) !important;
        height: 30px;
        position: absolute;
        background-repeat: no-repeat !important;
        z-index: 9;
        width: 30px;
        right: -26px;
        top: 5%;
    }
    .press-tab-ugk .owl-next {
        background-image: url(../images/icon/mobile/right1.svg) !important;
        height: 150px;
        position: absolute;
        background-repeat: no-repeat !important;
        z-index: 9;
        width: 30px;
        left: -20px;
        top: 5%;
    }
    .grt-mobile-button {
        color: rgba(251, 245, 237, 1) !important;
    }
    .grt-mobile-button .line1,
    .grt-mobile-button .line2,
    .grt-mobile-button .line3 {
        width: 26px;
        height: 4px;
    }
    .modal-content {
        width: 100% !important;
        height: auto !important;
        background: rgba(251, 245, 237, 1) !important;
    }
    .pop-model-ugk h2 {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}